草庐IT

c++ - 动画到数组

全部标签

javascript - 如何在数组中查找对象的索引

我有一个JSON字符串:varStr="[{'label':'Month'},{label:'within'},{label:'From'},{label:'Where'},]";我通过eval把它转换成了一个对象:vartagString=eval(Str);我想在没有循环的情况下获取月份的索引。有没有更好的方法在不使用循环的情况下获取数组中对象的索引?提前致谢! 最佳答案 不要用eval解析json!使用JSON.parse.Array.map是这里循环的一个很好的替代方法:varstr='[{"label":"Month"},

javascript - 如何为大像素的渐变制作动画?

我正在做一个项目,我希望黑暗覆盖屏幕,Angular色在黑暗中发光。我尝试为场景设置动画,然后使用以下代码在其上绘制黑暗:varcanvas=document.getElementById('canvas');varctx=canvas.getContext('2d');varcanvasWidth=canvas.width;varcanvasHeight=canvas.height;varpixelSize=30;varwidth=canvasWidth/pixelSize;varheight=canvasHeight/pixelSize;varlightX=canvasWidth/

javascript - 编写 jQuery rolodex 样式的时钟翻转动画?

我正在努力根据那些带有翻转数字的旧时钟制作一个简单的动画。我在下面添加了一张从PremiumPixels上找到的免费赠品PSD复制的图片:我遇到的最大问题是使用jQuery在HTML/CSS/JavaScript中构建“翻转”动画。我找到的唯一教程是fromthisnettuts+article实际上使用图像。它将时钟的上半部分和下半部分分成两个不同的图像集,并为经过的每一秒替换它们......这种方法在网站中是不现实的,因为它没有为读者提供实际的上下文。我更愿意将数字硬编码到HTML中并仅通过jQuery执行翻转动画-最好没有图像,除了背景自动收报机框。或者换句话说,数字被编码成HT

javascript - 在没有 Canvas 的情况下将字节数组转换为图像数据

是否可以在不使用Canvas的情况下将字节数组转换为图像数据?我目前使用类似这样的东西,但我认为没有Canvas也可以做到,或者我错了吗?varcanvas=document.getElementsByTagName("canvas")[0];varctx=canvas.getContext("2d");varbyteArray=[255,0,0,255,255,0,0,255,255,0,0,255,//red0,255,0,255,0,255,0,255,0,255,0,255,//green0,0,255,255,0,0,255,255,0,0,255,255//blue];va

javascript - Angular 1.2.5 嵌套动画

使用ng-view,我想要一个简单的fadeIn/fadeOut用于页面转换。但是,在不同的“View”中,我有子元素,我想在父元素上发生fadeIn/fadeOut的同时设置动画。问题是,如果父级正在设置动画,则Angular取消任何嵌套动画。为什么是这样?还有其他方法可以实现我想要的吗? 最佳答案 您应该能够使用$animate服务而不是ngAnimate。如果你这样做,你可以用一个promise链接动画。https://docs.angularjs.org/api/ngAnimate/service/$动画

数组上的 JavaScript .map 并在满足条件时删除项目

我有一个数组queue,当对象被修改时我将其推送到它。如果用户按下save,那么我将遍历queue并为他们应用适当的API调用。如果API调用成功,我想从queue中删除该项目,否则将其保留在里面并通知用户某些项目未成功保存。我目前有这个(在AngularJS中)varunsuccessfulItems=[];varpromise=queue.map(function(item){vardefer=$q.defer();myCallFunction(item,function(response){}//Success,function(response){//Errorunsucces

javascript - 是否有可靠的方法来检测给定元素及其子元素的所有动画何时完成?

当声明CSS动画时,元素将触发animationStart和animationStartEnd事件。有没有办法在以下情况下触发javascript函数:所有动画都完成了,包括child动画。没有声明动画,也不需要等待。这是我目前的做法:http://codepen.io/miguel-perez/pen/CDcAGvar/***Firesacustomeventwhenallanimationsarecomplete*@param{object}$element-jQueryobjectthatshouldtriggerevent**/triggerAllAnimationEndEve

javascript - Angular 1.3 动画在 Firefox 中不起作用

我们有一个ng-repeat指令,它使用ng-hide根据选定的索引进行动画显示和隐藏。动画在除Firefox之外的所有浏览器中都能正常工作。在Firefox中,.ng-hide-remove的动画不工作。你可以看到它移动了一点然后停了下来。我使用的是Firefox33.0版,但我也尝试过32.0版。此问题仅在Angular1.3中出现,相同的代码在使用Angular1.2版的Firefox中有效。这是重复代码Item:{{item}}这是css样式:.item{position:absolute;top:50px;left:200px;border:solid1pxblack;pad

javascript - 如何有效地将项目添加到 Chrome 存储 API 中的数组?

据我了解,如果您想在ChromeStorageAPI中存储一个数组,并不断添加项目,您需要这样的东西:functionaddToHistory(url){chrome.storage.sync.get('history',function(obj){varhistory=obj.hasOwnProperty('history')?obj.history:[];history.push(url);chrome.storage.sync.set({'history':history},function(){if(chrome.runtime.lastError)console.log(ch

使用数组时 Javascript 向后循环变慢?

我们中的许多人可能已经知道这一点:varlist=...varindex=list.lengthwhile(index--){//dosomething}这被认为是在javascript中执行循环的最快方法,因为您可以避免额外的测试。到目前为止,在过去的几年里,我在处理速度很重要而顺序并不重要的数据时使用了这种技术。但现在我偶然发现一篇文章说处理数组时这实际上更慢。Whichmakesyouavoidanextratest(comparedtothestandardforloop).Butyouknowwhat?thiswillbemuchslowerthanusingtheright